<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" class="old-ie no-js" dir="ltr">
<![endif]-->

<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" class="no-js">
<!--<![endif]-->
<head>

	<meta charset="UTF-8" />
	<meta name="viewport" content="initial-scale=1, maximum-scale=2">

	<title>PressCore | Blog masonry with sidebar</title>
	
	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link href="css/normalize.css" rel="stylesheet" type="text/css">
	<link href="css/wireframe.css" rel="stylesheet" type="text/css">
	<link href="css/main.css" rel="stylesheet" type="text/css">
	<link href="css/media.css" rel="stylesheet" type="text/css">
	<link href="skins/red/custom.css" rel="stylesheet" type="text/css" id="skin-style">
	
	<!-- RoyalSlider -->
	<link rel="stylesheet" href="royalslider/royalslider.css">
	<link rel="stylesheet" href="css/plugins.css">
	<link rel="stylesheet" href="js/plugins/pretty-photo/css/prettyPhoto.css" type="text/css"> 
	
	<link href="http://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet" type="text/css"> <!-- All skins -->
	<link href="http://fonts.googleapis.com/css?family=Titillium+Web:600,600italic" rel="stylesheet" type="text/css"> <!-- "Retro" skin -->
	<link href="http://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet" type="text/css"> <!-- "Business" skin -->
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" type="text/css"> <!-- "Green" skin -->
	<link href="http://fonts.googleapis.com/css?family=Sanchez" rel="stylesheet" type="text/css"> <!-- "Organic" skin -->

	<script src="js/modernizr.js"></script>

</head>

<body class="blog layout-masonry">
<div id="page" ><!-- class="boxed" -->

	<!-- !Top-bar -->
	<div id="top-bar" role="complementary">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">
				<div class="wf-td">

					<div class="mini-contacts wf-float-left">
						<ul>
							<li class="address">10230 Santa Monica BLVD Los Angeles</li>
							<li class="phone">+3 045 224 33 12</li>
							<li class="email"><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
						</ul>
					</div>

					<!-- <div class="mini-nav wf-float-left">
						<ul>
							<li><a href="#">Support Policy</a></li>
							<li><a href="#">Online Helpdesk</a></li>
							<li><a href="#">ThemeForest Profile</a></li>
						</ul>
					</div> -->

				</div>
				<div class="wf-td">

					<div class="mini-search wf-float-right wf-mobile-hidden">
						<form role="search" method="get" action="#">
							<input type="text" class="field" name="searchquery" placeholder="Search">
							<input type="submit" class="assistive-text" name="submit" value="go">
							<a href="#go" class="submit"></a>
						</form>
					</div>

					<!-- <div class="mini-lang wf-float-right">
						<ul>
							<li><a href="#"><img alt="en" src="images/en.png">English</a></li>
							<li><a href="#"><img alt="sv" src="images/sv.png">Svenska</a></li>
						</ul>
					</div> -->

				</div>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</div><!-- #top-bar -->

	<header id="header" class="logo-left" role="banner"><!-- class="overlap"; class="logo-left", class="logo-center", class="logo-classic" -->
		<div class="wf-wrap">
			<div class="wf-table">

				<!-- !- Branding -->
				<div id="branding" class="wf-td">
					<a href="index-2.html"><img src="skins/red/red.header-logo-regular.png" width="189" height="79" alt="PressCore: multipurpose HTML framework"></a>
					<div id="site-title" class="assistive-text">PressCore</div>
					<div id="site-description" class="assistive-text">multipurpose HTML framework</div>
				</div>

				<!-- !- Navigation -->	
				<nav id="navigation" class="wf-td">
					<ul id="main-nav" class="fancy-rollovers wf-mobile-hidden" role="navigation"><!-- class="fancy-rollovers" is not avaliable for "logo-classic" header layout -->
						<li class="has-children">
							<a href="index-2.html">Home</a>
							<ul class="sub-nav">
								<li><a href="index-2.html">Homepage 1</a></li>
								<li><a href="index-3.html">Homepage 2</a></li>
								<li><a href="index-4.html">Homepage 3</a></li>
								<li><a href="index-5.html">Homepage 4</a></li>
								<li><a href="index-6.html">Homepage 5</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="index-2.html">Slideshows</a>
							<ul class="sub-nav">
								<li><a href="slideshow-fullscreen.html">Slideshow fullscreen</a></li>
								<li><a href="slideshow-fixed.html">Slideshow fixed</a></li>
								<li><a href="3D-fullscreen.html">3D gallery fullscreen</a></li>
								<li><a href="3D-fixed.html">3D gallery fixed</a></li>
								<li><a href="metro-slideshow.html">Metro slideshow</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#3">Blog</a>
							<ul class="sub-nav">
								<li><a href="blog-masonry.html">Blog masonry fullwidth</a></li>
								<li class="act"><a href="blog-masonry-sidebar.html">Blog masonry with sidebar</a></li>
								<li><a href="blog-standard.html">Blog standard</a></li>
								<li><a href="blog-fancy.html">Blog with fancy header</a></li>
								<li><a href="post.html">Blog post</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Portfolio</a>
							<ul class="sub-nav">
								<li class="has-children">
								<a href="#51">Portfolio masonry</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-masonry.html">Portfolio masonry fullwidth</a></li>
									<li><a href="portfolio-masonry-sidebar.html">Portfolio masonry with sidebar</a></li>
									<li><a href="portfolio-masonry-text-hoovers.html">Portfolio masonry text hoovers</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#52">Portfolio grid</a>
								<ul class="sub-nav">

									<li><a href="portfolio-grid.html">Portfolio grid fullwidth</a></li>
									<li><a href="portfolio-grid-sidebar.html">Portfolio grid with sidebar</a></li>
									<li><a href="portfolio-grid-text-hoovers.html">Portfolio grid text hoovers</a></li>

								</ul>
								</li>

								<li class="has-children">
								<a href="#53">Portfolio standard</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-standard.html">Portfolio standard fullwidth</a></li>
									<li><a href="portfolio-standard-sidebar.html">Portfolio standard with sidebar</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#53">Portfolio checker</a>
								<ul class="sub-nav">

									<li><a href="portfolio-checker.html">Portfolio checker fullwidth</a></li>

									<li><a href="portfolio-checker-sidebar.html">Portfolio checker with sidebar</a></li>

								</ul>
								</li>
								<li><a href="portfolio-fancy.html">Portfolio with fancy header</a></li>
								<li class="has-children">
								<a href="#54">Portfolio posts</a>
								<ul class="sub-nav">

									<li><a href="portfolio-post.html">Portfolio post fullwidth</a></li>
									<li><a href="portfolio-post-sidebar.html">Portfolio post with sidebar</a></li>
								</ul>
								</li>

							</ul>
						</li>
						<li class="has-children">
							<a href="#">Pages</a>
							<ul class="sub-nav">
								<li><a href="team.html">Team</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Elements</a>
							<ul class="sub-nav">
								<li><a href="fancy-header.html">Fancy header</a></li>
								<li><a href="typography.html">Typography</a></li>
								<li><a href="banners-teasers.html">Banners & Teasers</a></li>
								<li><a href="service-clients.html">Services & Clients</a></li>
								<li><a href="tabbed-content.html">Tabbed content</a></li>
							</ul>
						</li>
					</ul>

					<a href="#show-menu" rel="nofollow" id="mobile-menu">
						<span class="menu-open">MENU</span>
						<span class="menu-close">CLOSE</span>
						<span class="menu-back">back</span>
						<span class="wf-phone-visible">&nbsp;</span>
					</a>
				</nav>

			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</header><!-- #header -->
	
	<!-- !Main -->
	<div id="main" class="sidebar-left"><!-- class="sidebar-none", class="sidebar-left", class="sidebar-right" -->
		<div class="wf-wrap">
			<div class="wf-container-main">

				<!-- !- Content -->
				<div id="content" role="main" class="content">

					<h1>Blog masonry</h1>
					<div class="hr-breadcrumbs divider-heder">
						<div class="assistive-text">You are here:</div>
						<ol class="breadcrumbs wf-td text-small">
							<li><a href="#">home</a></li>
							<li><a href="#">blog</a></li>
							<li><a href="#">blog masonry with sidebar</a></li>
						</ol>
					</div>					

					
					<div class="iso-container wf-container">
						<div class="iso-item wf-cell wf-2-3">
		
							<article class="post format-photo">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Photography post format</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Fashion" rel="category tag">Fashion</a>
									<span class="assistive-text"><br></span>
									<a href="#">9 comments</a>
								</div><!-- .entry-meta -->

								<p><a class="alignnone rollover" href="#"><img class="preload-me" src="usr/b001.jpg" width="100%" alt=""></a></p><p>Mauris sed mauris ante. Nulla cursus, enim et luctus hendrerit nisl libero. Nulla cursus, enim et luctus hendrerit lorem ipsum dolor ristique posuere orciaenean sollicitudin etiam libero nisl, ultrices ridiculus in magna purus consequuntur, ipsum donec.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-standard">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Standard blog post with featured image</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Fashion" rel="category tag">Fashion</a>
									<a href="#" title="View all posts in Design" rel="category tag">Design</a>
									<span class="assistive-text"><br></span>
									<a href="#">14 comments</a>
								</div><!-- .entry-meta -->
		
								<p><a class="alignnone rollover" href="#"><img class="preload-me" src="usr/b0011.jpg" alt="" title="" width="100%"></a></p>
								<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer vitae ante vitae mauris.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-standard">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Standard blog post with no featured image</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Art" rel="category tag">Art</a>
									<a href="#" title="View all posts in Lifestyle" rel="category tag">Lifestyle</a>
									<span class="assistive-text"><br></span>
									<a href="#">14 comments</a>
								</div><!-- .entry-meta -->		
		
								<p>Etiam accumsan, lectus vel viverra hendrerit, lorem magna volutpat tellus, et faucibus lectus lacus ornare nisi. Proin elit arcu, tristique vitae venenatis sed, vulputate sit amet tellus. Curabitur mi leo, viverra in rhoncus quis, suscipit ac nisi. Morbi eu sapien a metus tincidunt congue. Morbi vel ante arcu, at venenatis massa. Vestibulum non purus ut orci fermentum tincidunt vitae eu erat.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-standard">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Standard blog post with portrait image</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Furniture" rel="category tag">Furniture</a>
									<a href="#" title="View all posts in Hom" rel="category tag">Home</a>
									<span class="assistive-text"><br></span>
									<a href="#">14 comments</a>
								</div><!-- .entry-meta -->
		
								<p><a class="alignnone rollover" href="#"><img class="preload-me" src="usr/b009.jpg" alt="" title="" width="100%"></a></p>
								<p>Mauris sed mauris ante. Nulla cursus, enim et luctus hendrerit nisl libero. Nulla cursus, enim et luctus hendrerit lorem ipsum dolor ristique posuere orciaenean sollicitudin etiam libero nisl, ultrices ridiculus in magna purus consequuntur, ipsum donec.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-video">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with xx thumbnail" rel="bookmark">Video post format</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Home" rel="category tag">Home</a>
									<a href="#" title="View all posts in Art" rel="category tag">Art</a>
									<span class="assistive-text"><br></span>
									<a href="#">39 comments</a>
								</div><!-- .entry-meta -->				
								
								<div class="alignnone rollover-video"><img class="preload-me" src="usr/b0010.jpg" width="100%" alt=""><a class="video-icon" href="#"></a></div>
								<p>Integer fermentum rutrum mauris, pulvinar pellentesque neque tristique dolor. </p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>		
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->					
						
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-standard">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Standard post format with featured image</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Fashion" rel="category tag">Fashion</a>
									<a href="#" title="View all posts in Design" rel="category tag">Design</a>
									<span class="assistive-text"><br></span>
									<a href="#">1 comment</a>
								</div><!-- .entry-meta -->
		
								<p><a class="alignnone rollover" href="#"><img class="preload-me" src="usr/b008.jpg" alt="" title="" width="100%"></a></p>
								<p>Cras vestibulum justo non justo venenatis elementum. Curabitur sed dui metus. Ut lobortis nisl euismod quam ornare. Nulla cursus, enim et luctus hendrerit lorem.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-quote">
				
								<blockquote class="text-big margin-top-10">
									<p><em>Pellen tesque commodo dolor faucibus viverra. Sed vitae forlectus nunc, non facilisis metus Phasellus eu aliquam lorem uspendisse potenti.</em></p>
									<p class="author-quote">Alex Vanilla - artist</p>
								</blockquote>
									
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Design" rel="category tag">Design</a>
									<a href="#" title="View all posts in Lifestyle" rel="category tag">Lifestyle</a>
									<span class="assistive-text"><br></span>
									<a href="#">3 comments</a>
								</div><!-- .entry-meta -->
								
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						
						<div class="iso-item wf-cell wf-2-3">
		
							<article class="post format-gallery">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Gallery post format with slideshow</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Design" rel="category tag">Design</a>
									<a href="#" title="View all posts in Art" rel="category tag">Art</a>
									<span class="assistive-text"><br></span>
									<a href="#">12 comments</a>
								</div><!-- .entry-meta -->
		
								<ul class="royalSlider slider-masonry rsShor alignnone"  data-width="738" data-height="346">
									<li><img class="rsImg" src="usr/bsl001.jpg" alt="" height="346" width="738">
									<div class="slider-post-caption">
											<div class="slider-post-inner">
										      <p>Dauris suspendisse viverra eleifend tortor tellus</p>
										    </div>
									    </div>
									</li>
									<li><img class="rsImg" src="usr/bsl003.jpg" alt="" height="346" width="738"></li>
									<li><img class="rsImg" src="usr/bsl005.jpg" alt="" height="500" width="369"></li>
									<li><img class="rsImg" src="usr/bsl002.jpg" alt="" height="346" width="738">
										<div class="slider-post-caption">
											<div class="slider-post-inner">
										      <p>Lorem ipsum viverra eleifend tortor tellus</p>
										    </div>
									    </div>
									</li>
									<li><img class="rsImg" src="usr/bsl004.jpg" alt="" height="418" width="369"></li>
									
								</ul>
		
								<p>Dauris suspendisse viverra eleifend tortor tellus ignissim neque, nulla nequeut, aenean sollicitudin etiam libero nisl, ultrices ridiculus in magna purus consequuntur, ipsum donec orci ad vitae pede, id odio.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-aside">								
				
								<div class="format-aside-content text-big">
									<p><em>Phasellus vel ultricies dolorus aliquam metus risus, hendrerit non lacinia a bibendum.</em> </p>
								</div>
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Art" rel="category tag">Art</a>
									<a href="#" title="View all posts in Lifestyle" rel="category tag">Lifestyle</a>
									<span class="assistive-text"><br></span>
									<a href="#">14 comments</a>
								</div><!-- .entry-meta -->
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-photo">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Photography post format</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Photo" rel="category tag">Photo</a>
									<a href="#" title="View all posts in Design" rel="category tag">Design</a>
									<span class="assistive-text"><br></span>
									<a href="#">Leave a comment!</a>
								</div><!-- .entry-meta -->
		
								<p><a class="alignnone rollover" href="#"><img class="preload-me" src="usr/b007.jpg" alt="" title="" width="100%"></a></p>
								<p>Pellentesque fermentum convallis dignissim. Donec non lectus eget metus scelerisque ultrices non at magna. Morbi suscipit ornare urna id faucibus.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-standard">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Standard blog post</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Fashion" rel="category tag">Fashion</a>
									<a href="#" title="View all posts in Lifestyle" rel="category tag">Lifestyle</a>
									<span class="assistive-text"><br></span>
									<a href="#">2 comments</a>
								</div><!-- .entry-meta -->
		
								<p><a class="alignnone rollover" href="#"><img class="preload-me" src="usr/b005.jpg" alt="" title="" width="100%"></a></p>
								<p>In tempus orci sed nunc venenatis luctus. Morbi gravida, est sed pellentesque sagittis, tortor leo ornare ante, in venenatis leo urna pellentesque quam.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-link">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Link post format</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Lifestyle" rel="category tag">Lifestyle</a>
									<a href="#" title="View all posts in Art" rel="category tag">Art</a>
									<span class="assistive-text"><br></span>
									<a href="#">14 comments</a>
								</div><!-- .entry-meta -->				
								
								<p>Dauris suspendisse viverra libero orci. Aliquam erat volutpat.Suspendisse at leo et nisi ullamcorper accumsan eu at lacus. Class <a href="#">aptent taciti sociosqu</a> ad litora torquent per conubia nostra amet enim.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>					
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-status">
				
								<div class="format-status-content text-big margin-top-10">
									<p><em>Quisque dolor fringila iaculis leo eget bibendum. Maecenas felis sem, accumsan vel fringilla a, mattis in justo.</em></p>
								</div>
									
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Status" rel="category tag">Status</a>
									<a href="#" title="View all posts in Lifestyle" rel="category tag">Lifestyle</a>
									<span class="assistive-text"><br></span>
									<a href="#">14 comments</a>
								</div><!-- .entry-meta -->
								
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						

						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-gallery">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Gallery post format</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Photo" rel="category tag">Photo</a>
									<a href="#" title="View all posts in Design" rel="category tag">Design</a>
									<span class="assistive-text"><br></span>
									<a href="#">27 comments</a>
								</div><!-- .entry-meta -->

								<p>
									<a class="alignnone rollover" href="#">
										<img class="preload-me" src="usr/blbig06.jpg" width="100%" alt="">
										<span class="rollover-thumbnails">
											<span class="r-thumbn-1 "><img class="preload-me" src="usr/bgal01.jpg" width="90px" alt=""><i>20</i></span>
											<span class="r-thumbn-2 "><img class="preload-me" src="usr/bgal02.jpg" width="90px" alt=""><i>20</i></span>
											<span class="r-thumbn-3 "><img class="preload-me" src="usr/bgal03.jpg" width="90px" alt=""><i>20</i></span>
										</span>
									</a>
								</p>	
								
								<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec elit justo, posuere vel lobortis vitae, ornare ac diam. Vivamus faucibus diam id risus auctor in auctor dui imperdiet. Suspendisse potenti.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-standard">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Standard post format with no featured image</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Design" rel="category tag">Design</a>
									<a href="#" title="View all posts in Art" rel="category tag">Art</a>
									<span class="assistive-text"><br></span>
									<a href="#">14 comments</a>
								</div><!-- .entry-meta -->				
								
								<p>Pellentesque congue viverra magna sed iaculis. Donec nec sapien eget sapien aliquam dignissim. Integer lobortis dictum est quis hendrerit. Nulla lacus neque, placerat sed sollicitudin et, lobortis a lorem. Suspendisse potenti. Vestibulum augue ipsum, bibendum dignissim congue eget, sollicitudin non purus. In sit amet congue nulla.Praesent quis orci.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>			
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-3">
		
							<article class="post format-video">
		
								<h2 class="entry-title">
									<a href="#" title="Standard post with xx thumbnail" rel="bookmark">Video post format</a>
								</h2>
		
								<div class="entry-meta">
									<span class="assistive-text">Posted on</span>
									<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">September 3, 2008</time></a>
									<span class="assistive-text"><br></span>
									<a class="author vcard" href="#" title="View all posts by admin" rel="author">By admin</a>
									<span class="assistive-text"><br>In:</span>
									<a href="#" title="View all posts in Design" rel="category tag">Design</a>
									<a href="#" title="View all posts in Video" rel="category tag">Video</a>
									<span class="assistive-text"><br></span>
									<a href="#">54 comments</a>
								</div><!-- .entry-meta -->				
								
								<div class="alignnone rollover-video"><img class="preload-me" src="usr/b003.jpg" width="100%" alt=""><a class="video-icon" href="#"></a></div>
								<p>Integer fermentum rutrum mauris, pulvinar pellentesque neque tristique at. Integer gravida justo laoreet felis facilisis eleifend. </p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>		
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->					

					</div>
		
					<!-- !-- Paginator -->
					<div class="paginator" role="navigation">
						<div class="page-links">
							<a href="#">1</a>
							<a href="#">...</a>
							<a href="#">6</a>
							<a href="#">7</a>
							<a class="act" href="#">8</a>
							<a href="#">9</a>
							<a href="#">10</a>
							<a href="#">...</a>
							<a href="#">16</a>
						</div>
						<div class="page-nav">
							<a class="nav-prev" href="#">Prev page</a>
							<a class="nav-next" href="#">Next page</a>
						</div>
					</div>
					<!-- .paginator -->

				</div><!-- #content -->

				<!-- !- Sidebar -->
				<aside id="sidebar" role="complementary" class="sidebar">

					<!-- !-- Categories -->
					<section class="widget">
						<div class="widget-title">Blog categories</div>
						<ul class="custom-categories">
							<li>
								<a title="View all posts filed under Design" href="#"><span>(7)</span> Design</a>
							</li>
							<li>
								<a title="View all posts filed under Lifestyle" href="#"><span>(5)</span>Web</a>
							</li>
							<li>
								<a title="View all posts filed under Photography" href="#"><span>(25)</span>Photography</a>
							</li>
							<li>
								<a title="View all posts filed under Programming" href="#"><span>(10)</span>Programming</a>
							</li>
						</ul>
					</section><!-- .widget -->
					<!-- !-- Recent posts -->
					<section class="widget">
						<div class="widget-title">Popular posts</div>
						<ul class="recent-posts">
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-4.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Pellentesque congue viverra magna</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-5.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Dauris suspendisse viverra eleifend</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-6.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Duis euismod euismod nisl et porta massa</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
						</ul>
					</section>
					<!-- !-- Skills -->
					<section class="widget">
						<div class="widget-title">Skills</div>

						<div class="widget-info">
							<p>Nam sit amet odio eu mauris dolor lavroda unicos glavio ornare dapibus lorem ipsum gorbi dolorus.</p>
						</div>

						<div class="skills">
							<div class="skill-name">Web design</div>
							<div class="skill">
								<div class="skill-value" data-width="90"><span></span></div>
							</div>
	
							<div class="skill-name">Coding</div>
							<div class="skill">
								<div class="skill-value" data-width="80"><span></span></div>
							</div>
	
							<div class="skill-name">Programming</div>
							<div class="skill">
								<div class="skill-value" data-width="50"><span></span></div>
							</div>
							<div class="skill-name">Marketing</div>
							<div class="skill">
								<div class="skill-value" data-width="30"><span></span></div>
							</div>
						</div>
					</section><!-- .widget -->
					<!-- !-- Testimonials slider -->
					<section class="widget">
						<div class="widget-title">Testimonials</div>

						<ul class="testimonials slider-content rsContW">
							<li>
								<article>
									<div class="testimonial-content">
										<p>Curabitur felis loorem ipsum dolor sit lorem glav dolor sit amet glavrida ui glav mirino ametisto molestie for interdum pulvinar eu cursus.</p>
									</div>
	
									<div class="testimonial-vcard">										
										<span class="alignleft">
											<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test7.jpg">
										</span>
										<span class="text-primary">Miriam Red</span><br />
										<span class="text-secondary">modern artist</span>
									</div>
								</article>
							</li>
							<li>
								<article>
									<div class="testimonial-content">
										<p>Etiam tortor sem from lorem viverra quis fermentum eget lorem ipsum dolor amet vulputate a leo. Aliquam varius eleifend mauris, quis posuere lacus adipiscing a. Nulla ultrices hendrerit velit sed malesuada.</p>
									</div>
									
									<div class="testimonial-vcard">
										<span class="alignleft no-avatar"></span>
										<span class="text-primary">Miriam Anderson</span><br />
										<span class="text-secondary">programmer</span>
									</div>
								</article>
							</li>

							<li>
								<article>
									<div class="testimonial-content">
										<p>Sed faucibus tempus magna at ultrices. Pellentesque a justo vel sem interdum molestie at a sapien. Vivamus est est, lobortis vitae fermentum suscipit lacinia, quam felis pellentesque neque.</p>
									</div>
	
									<div class="testimonial-vcard">										
										<span class="alignleft">
											<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test4.jpg">
										</span>
										<span class="text-primary">Jack Black</span><br />
										<span class="text-secondary">developer</span>
									</div>
								</article>
							</li>

							<li>
								<article>
									<div class="testimonial-content">
										<p>Curabitur felis dui, molestie interdum pulvinar eu, cursus id metus isque rhoncus hendrerit leo at malesuada. Sed fermentum sagittis lacus auctor iaculis lorem ipsum dolor.</p>
									</div>
	
									<div class="testimonial-vcard">										
										<span class="alignleft">
											<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test6.jpg">
										</span>
										<span class="text-primary">Anna White</span><br />
										<span class="text-secondary">designer</span>
									</div>
								</article>
							</li>
							<li>
								<article>
									<div class="testimonial-content">
										<p>Curabitur felis dui, ursus id metus isque rhoncus hendrerit leo at malesuada molestie interdum pulvinar eu, cursus id metus isque rhoncus hendrerit leo at malesuada. Sed fermentum sagittis lacus auctor iaculis lorem ipsum dolor.</p>
									</div>
	
									<div class="testimonial-vcard">										
										<span class="alignleft">
											<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test3.jpg">
										</span>
										<span class="text-primary">Diana Green</span><br />
										<span class="text-secondary">photographer</span>
									</div>
								</article>
							</li>
						
						</ul>
					</section><!-- .widget -->

					<!-- !-- Custom menu -->
					<section class="widget">
						<div class="widget-title">Custom menu</div>
						<ul class="custom-menu">
							<li><a href="#">Design</a></li>
							<li><a href="#">Web</a></li>
							<li class="act"><a href="#">Photography</a></li>
							<li><a href="#">Coding</a></li>
						</ul>
					</section><!-- .widget -->
					<!-- !-- Contact info -->
				<section class="widget">
					<div class="widget-title">Contact info</div>
					<ul class="contact-info">
						<li><span class="secondary-color">Adress:</span><br /> 10250 Santa Monica Boulevard Los Angeles, CA 90067</li>
						<li><span class="secondary-color">Phone number:</span><br /> +3 045 224 33 12, +3 045 224 21 00</li>
						<li><span class="secondary-color">E-mail:</span><br /> info@yoursite.com</li>
						
					</ul>

					<div class="soc-ico">
						<p class="assistive-text">Find us on:</p>
						<a class="facebook" href="#" target="_blank" title="Facebook"><span class="assistive-text">Facebook</span></a>
						<a class="dribbble" href="#" target="_blank" title="Dribbble"><span class="assistive-text">Dribbble</span></a>
						<a class="google" href="#" target="_blank" title="Google+"><span class="assistive-text">Google+</span></a>
						<a class="twitter" href="#" target="_blank" title="Twitter"><span class="assistive-text">Twitter</span></a>
					</div>
				</section><!-- .widget -->
				<!-- !-- Contact form -->
				<section class="widget">
					<div class="widget-title">Send us a message</div>
					<form class="contact-form dt-form">
						<p class="form-name">
							<label for="from" class="assistive-text">Name *</label>
							<input type="text" aria-required="true" value="" name="from" placeholder="Name*">
						</p>
						<p class="form-mail">
							<label for="email" class="assistive-text">Email*</label>
							<input type="text" aria-required="true" value="" name="email" placeholder="Email*">
						</p>
						<p class="form-text">
							<label for="message" class="assistive-text">Message*</label>
							<textarea aria-required="true" rows="6" name="message" placeholder="Message*"></textarea>
						</p>
						<p>
							<a class="dt-btn dt-btn-m" href="#">Send message</a>
							<a class="clear-form" href="#">clear</a>
							<input type="submit" class="assistive-text" value="submit">
						</p>
					</form>
				</section><!-- .widget -->
					
					<section class="widget">
					<div class="widget-title">Recent photos</div>
					<section class="instagram-photos">
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/ph-wid-03.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/ph-wid-02.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/ph-wid-01.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-4.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-5.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-6.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-7.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-8.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-9.jpg"></a>								
					</section>
				</section><!-- .widget -->

				</aside><!-- #sidebar -->

			</div><!-- .wf-container -->
		</div><!-- .wf-wrap -->
	</div><!-- #main -->

	<!-- !Footer -->
	<footer id="footer" role="complementary" class="footer">
		<div class="wf-wrap">
			<div class="wf-container">

				<!-- !-- Categories -->
					<section class="widget">
						<div class="widget-title">Blog categories</div>
						<ul class="custom-categories">
							<li>
								<a title="View all posts filed under Design" href="#"><span>(7)</span> Web design and coding</a>
							</li>
							<li>
								<a title="View all posts filed under Wordpress" href="#"><span>(5)</span>WordPress</a>
							</li>
							<li>
								<a title="View all posts filed under Photography" href="#"><span>(25)</span>Photography and art</a>
							</li>
							<li>
								<a title="View all posts filed under PLifestyle" href="#"><span>(10)</span>Lifestyle </a>
							</li>
							<li>
								<a title="View all posts filed under Cinema" href="#"><span>(10)</span>Cinema and music </a>
							</li>
						</ul>
					</section><!-- .widget -->

				<!-- !-- Recent posts -->
					<section class="widget">
						<div class="widget-title">Popular posts</div>
						<ul class="recent-posts">
							<li>
								<article>
									<div class="post-content">
										<a href="#">Pellentesque congue viverra magna</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">27 May 2012</time>
									</div>
								</article>
							</li>
							<li>
								<article>
									<div class="post-content">
										<a href="#">Curabitur felis loorem ipsum dolor sit amet glavrida</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
							<li>
								<article>
									<div class="post-content">
										<a href="#">Metus isque rhoncus hendrerit leo</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">10 May 2012</time>
									</div>
								</article>
							</li>

						</ul>
					</section>

				<!-- !-- Testimonials slider -->
					<section class="widget">
						<div class="widget-title">What clients say</div>

						<ul class="testimonials slider-content rsContW">
							<li>
								<article>
									<div class="testimonial-content">
										<p>Curabitur felis loorem ipsum dolor malesuada arcu urna sit amet glavrida ui, molestie interdum pulvinar eu, cursus id metus isque rhoncus hendrerit leo at malesuada. Sed fermentum sagittis lacus auctor iaculis lorem ipsum dolor.</p>
									</div>
	
									<div class="testimonial-vcard">										
										<span class="alignleft">
											<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test7.jpg">
										</span>
										<span class="text-primary">Miriam Red</span><br />
										<span class="text-secondary">modern artist</span>
									</div>
								</article>
							</li>
							<li>
								<article>
									<div class="testimonial-content">
										<p>Etiam tortor sem from lorem viverra quis fermentum eget lorem em interdum molestie at a sapien ipsum dolor amet vulputate a leo. Aliquam varius eleifend mauris, quis posuere lacus adipiscing a. Nulla ultrices hendrerit.</p>
									</div>
									
									<div class="testimonial-vcard">
										<span class="alignleft no-avatar"></span>
										<span class="text-primary">Miriam Anderson</span><br />
										<span class="text-secondary">programmer</span>
									</div>
								</article>
							</li>

							<li>
								<article>
									<div class="testimonial-content">
										<p>Sed faucibus tempus magna at ultrices. Pellentesque malesuada arcu urna a justo em interdum molestie at a sapienvel sem interdum molestie at a sapien. Vivamus est malesuada arcu urna est, lobortis vitae fermentum suscipit lacinia, quam felis pellentesque neque.</p>
									</div>
	
									<div class="testimonial-vcard">										
										<span class="alignleft">
											<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test4.jpg">
										</span>
										<span class="text-primary">Jack Black</span><br />
										<span class="text-secondary">developer</span>
									</div>
								</article>
							</li>

							<li>
								<article>
									<div class="testimonial-content">
										<p>Curabitur felis dui malesuada arcu malesuada arcuurna molestie interdum pulvinar eu, cursus id metus isque rhoncus malesuada arcu urna hendrerit leo at malesuada. Sed fermentum sagittis lacus auctor iaculis lorem ipsum dolor.</p>
									</div>
	
									<div class="testimonial-vcard">										
										<span class="alignleft">
											<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test6.jpg">
										</span>
										<span class="text-primary">Anna White</span><br />
										<span class="text-secondary">designer</span>
									</div>
								</article>
							</li>
							<li>
								<article>
									<div class="testimonial-content">
										<p>Curabitur felis dui, ursus id metus isque rhoncus hendrerit leo at malesuada molestie interdum pulvinar eu, cursus id metus isque rhoncus hendrerit leo at malesuada. Sed fermentum sagittis lacus auctor iaculis lorem ipsum dolor.</p>
									</div>
	
									<div class="testimonial-vcard">										
										<span class="alignleft">
											<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test3.jpg">
										</span>
										<span class="text-primary">Diana Green</span><br />
										<span class="text-secondary">photographer</span>
									</div>
								</article>
							</li>
						
						</ul>
					</section><!-- .widget -->

				<!-- !-- Skills -->
					<section class="widget">
						<div class="widget-title">We are good at</div>

						<div class="skills">
							<div class="skill-name">Web design</div>
							<div class="skill">
								<div class="skill-value" data-width="90"><span></span></div>
							</div>
	
							<div class="skill-name">Coding</div>
							<div class="skill">
								<div class="skill-value" data-width="80"><span></span></div>
							</div>
	
							<div class="skill-name">Programming</div>
							<div class="skill">
								<div class="skill-value" data-width="50"><span></span></div>
							</div>
							<div class="skill-name">Marketing & SEO</div>
							<div class="skill">
								<div class="skill-value" data-width="20"><span></span></div>
							</div>
						
						</div>
					</section><!-- .widget -->

			</div><!-- .wf-container -->
		</div><!-- .wf-wrap -->
	</footer><!-- #footer -->


	<!-- !Bottom-bar -->
	<div id="bottom-bar" role="contentinfo">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">

				<div id="branding-bottom" class="wf-td">
					<img src="skins/red/red.bottom-bar-logo-regular.png" width="38" height="48" alt="PressCore: multipurpose HTML framework">
				</div>

				<div class="wf-td">
					<div class="wf-float-left">&copy; 2012&ndash;2013. Dream-Theme &mdash; truly <a href="http://dream-theme.com/" target="_blank">premium WordPress themes</a>.</div>
				</div>

				<div class="wf-td">

					<div class="mini-nav wf-float-right">
						<ul>
							<li><a href="http://support.dream-theme.com/support-policy" target="_blank">Support Policy</a></li>
							<li><a href="http://support.dream-theme.com/" target="_blank">Online Helpdesk</a></li>
							<li><a href="http://themeforest.net/user/Dream-Theme" target="_blank">ThemeForest Profile</a></li>
						</ul>
					</div>

				</div>

			</div>
		</div><!-- .wf-wrap -->
	</div><!-- #bottom-bar -->

</div><!-- #page -->


<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-migrate-1.1.1.min.js"></script>

<!-- RoyalSlider -->
<script src="royalslider/jquery.royalslider.js"></script>
<script src="js/plugins/pretty-photo/js/jquery.prettyPhoto.js"></script>
<script src="js/plugins.js"></script>

<script src="js/main.js"></script>

<link rel="stylesheet" href="presscore-demo/css/show.css" type="text/css" />
<script type="text/javascript" src="presscore-demo/js/demo.js"></script>
</body>
</html>